<template>
    <div>
       <el-button>click</el-button>
       <el-input></el-input>

       {{count}}
    </div>
</template>

<script>
import axios from 'axios'

    export default {
        data () {
            return {}
        },
        methods: {
        //     toPath () {
        //         // this.$router.push({
        //         //     path: '/shopList'
        //         // })

        //         this.$router.push({
        //             name: 'shopList'
        //         })
        //     }
        // }
    },
    watch:{},
    computed:{
        count() {
            return this.$store.state.count

            //this.$store.commit(methodName,args)
        }
    },
    //created
    mounted() {
        //创建请求
    //     let xhttp=new XMLHttpRequest();

    //     //接收回调函数
    //     xhttp.onreadystatechange = function() {
    //         //拿到请求返回的信息以及数据
    //         console.log('this',this);
    //         console.log('this',this.responseText);

    //     }
    //     //发送请求
    //     xhttp.open('GET',"http://192.168.210.2:3000/api",true);

    //     //向服务器发送请求终止信息
    //     xhttp.send();


    //axios
    axios.get('http://192.168.210.2:3000/api').then (data=> {
        console.log(data);
        console.log('返回信息',data.data);

        this.list=data.data
    })
     }

    //updated
    //destoryed
    }
</script>
